html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
img {
  border: none;
}
p {
  margin-bottom: 0;
}
body,
a,
input,
textarea,
button {
  font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体";
  font-size: 14px;
  outline: none;
  color: #666;
  text-decoration: none;
  margin: 0 auto;
}
*{
  -webkit-tap-highlight-color:rgba(255,255,255,0)
}
input,
textarea {
  -webkit-appearance: none;
  outline: none;
  border: none;
   -webkit-tap-highlight-color:rgba(255,0,0,0);
}
input {
  -webkit-appearance: none;
  outline: none;
  -webkit-tap-highlight-color:rgba(255,0,0,0);
}

body,
html {
  height: 100%;
  width: 100%;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
a {
  color: #428bca;
}
a:hover {
  text-decoration: none;
}
table {
  text-align: center;
  vertical-align: middle;
}
th {
  text-align: center;
  vertical-align: middle;
}
/*通用*/
.flt {
  float: left;
}
.frt {
  float: right;
}
.clr {
  clear: both;
}
.bz-bb {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.coverWH {
  width: 100%;
  height: 100%;
}
.yellowBtn {
  width: 88%;
  height: 1.1rem;
  margin-top: 0.5rem;
  border-radius: 0.66rem;
  margin-left: 6%;
  color: black;
  font-size: 0.42rem;
  border: 0 none;
  background: -webkit-linear-gradient(left, #fbdd32, #f6b624);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fbdd32, #f6b624);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fbdd32, #f6b624);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fbdd32, #f6b624);
  /* 标准的语法 */
}
.blueBtn {
  position: absolute;
  bottom: 0.6rem;
  width: 90%;
  height: 1.35rem;
  border-radius: 0.66rem;
  margin-left: 5%;
  color: white;
  font-size: 0.42rem;
  border: 0 none;
  background: -webkit-linear-gradient(left, #48b6d3, #0d65b9);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #48b6d3, #0d65b9);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #48b6d3, #0d65b9);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #48b6d3, #0d65b9);
  /* 标准的语法 */
}
.yellowBtnLittle {
  width: 1.82rem;
  height: 0.72rem;
  margin-top: 0.91rem;
  border-radius: 0.3rem;
  margin-right: 0.28rem;
  color: black;
  font-size: 0.36rem;
  float: right;
  border: 0 none;
  background: -webkit-linear-gradient(left, #fbdd32, #f6b624);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fbdd32, #f6b624);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fbdd32, #f6b624);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fbdd32, #f6b624);
  /* 标准的语法 */
}
body,
html {
  width: 100%;
  overflow: hidden;
}
input:disabled {
  color: #666;
  opacity: 1;
  -webkit-text-fill-color: #666;
}
@media (max-width: 1601px) {
  html {
    font-size: 148.14814815px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1441px) {
  html {
    font-size: 133.33333333px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1281px) {
  html {
    font-size: 118.51851852px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1025px) {
  html {
    font-size: 94.81481481px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 961px) {
  html {
    font-size: 88.88888889px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 951px) {
  html {
    font-size: 87.96296296px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 901px) {
  html {
    font-size: 83.33333333px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 801px) {
  html {
    font-size: 74.07407407px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 774px) {
  html {
    font-size: 71.57407407px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 769px) {
  html {
    font-size: 71.11111111px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 751px) {
  html {
    font-size: 69.44444444px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 746px) {
  html {
    font-size: 68.98148148px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 737px) {
  html {
    font-size: 68.14814815px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 733px) {
  html {
    font-size: 67.77777778px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 668px) {
  html {
    font-size: 61.75925926px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 641px) {
  html {
    font-size: 59.25925926px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 601px) {
  html {
    font-size: 55.55555556px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 569px) {
  html {
    font-size: 52.59259259px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 534px) {
  html {
    font-size: 49.35185185px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 436px) {
  html {
    font-size: 40.27777778px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 415px) {
  html {
    font-size: 38.33333333px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 412px) {
  html {
    font-size: 38.05555556px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 385px) {
  html {
    font-size: 35.55555556px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 376px) {
  html {
    font-size: 34.72222222px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 361px) {
  html {
    font-size: 33.33333333px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 321px) {
  html {
    font-size: 29.62962963px;
  }
}
@media (min-width: 1082px) {
  html {
    font-size: 100px;
  }
}
@font-face {
  font-family: pictos;
  src: url('AGENCYB.TTF');
  
  /* font-properties */
}
input,
button,
select,
textarea {
  outline: none;
}
textarea {
  resize: none;
}
body,
html {
  height: 100%;
  width: 100%;
  background: white;
}
.wrapOrderListDiv {
  width: 100%;
  height: 100%;
  background: white;
  overflow-y: scroll;
}
.wrapPaySuccess {
  width: 100%;
  height: 100%;
  background: white;
}
.wrapPaySuccess .paySuccessImg {
  width: 2.62rem;
  margin-top: 0.88rem;
  margin-left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.wrapPaySuccess .payMessage {
  display: block;
  text-align: center;
  font-family: pictos;
  font-size: 0.58rem;
  color: #323232;
  margin-top: 0.58rem;
}
.wrapPaySuccess .payMoney {
  display: block;
  text-align: center;
  font-family: pictos;
  font-size: 0.6rem;
  margin-top: 0.8rem;
}
.wrapPaySuccess .payText {
  display: block;
  text-align: center;
  font-size: 0.38rem;
  color: #acacac;
  margin-top: 0.18rem;
}
.wrapPaySuccess .completeBtn {
  width: 70%;
  margin-left: 15%;
  height: 1rem;
  color: white;
  font-size: 0.42rem;
  border: 0 none;
  background: #5670fe;
  border-radius: 0.5rem;
  margin-top: 0.74rem;
}
.wrapOrderList {
  background: white;
  width: 100%;
  height: 100%;
}
.wrapOrderList ul {
  width: 94%;
  margin-left: 3%;
}
.wrapOrderList ul .listLi {
  padding: 0.36rem 0 0.6rem 0;
  color: #323232;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
}
.wrapOrderList ul .listLi p {
  font-size: 0.46rem;
}
.wrapOrderList ul .listLi p .topSpan {
  display: block;
  overflow: hidden;
  margin-bottom: 0.1rem;
  height: 0.6rem;
}
.wrapOrderList ul .listLi p .orderNo {
  float: left;
}
.wrapOrderList ul .listLi p .mailType {
  width: 0.98rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  color: white;
  font-size: 0.36rem;
  text-align: center;
  float: left;
  background: #5670fe;
  line-height: 0.54rem;
  margin-left: 0.25rem;
  margin-top: 0.05rem;
}
.wrapOrderList ul .listLi p .spanMoney {
  float: right;
}
.wrapOrderList ul .listLi p .smallTime {
  font-size: 0.38rem;
  margin-top: 0.2rem;
  width: 50%;
}
.wrapOrderList ul .listLi p .smallStatue {
  float: right;
  color: #acacac;
}
.wrapOrderList ul .listLi ol {
  font-size: 0.42rem;
  margin-top: 0.38rem;
}
.wrapOrderList ul .listLi ol li {
  margin-bottom: 0.23rem;
  overflow: hidden;
}
.wrapOrderList ul .listLi ol li span {
  float: left;
  width: 2.3rem;
}
.wrapOrderList ul .listLi ol li small {
  color: #acacac;
  font-size: 0.42rem;
  float: left;
}
.wrapOrderList ul .listLi ol li .smallAddress {
  width: 7rem;
  display: block;
}
.wrapOrderList ul .listLi .logistics {
  display: block;
  width: 2rem;
  height: 0.6rem;
  border: 1px solid #6078fe;
  border-radius: 0.3rem;
  text-align: center;
  line-height: 0.66rem;
  color: #6078fe;
  font-size: 0.4rem;
}
.wrapLogistics {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 0.84rem;
  background: white;
}
.wrapLogistics ul {
  width: 100%;
}
.wrapLogistics ul li {
  width: 100%;
}
.wrapLogistics ul li .pTime {
  width: 17%;
  float: left;
  color: #acacac;
}
.wrapLogistics ul li .pTime .spanTime {
  font-size: 0.42rem;
  display: block;
  text-align: center;
}
.wrapLogistics ul li .pTime .spanDate {
  font-size: 0.38rem;
  display: block;
  text-align: center;
}
.wrapLogistics ul li .spanLine {
  position: relative;
  width: 0.5rem;
  float: left;
}
.wrapLogistics ul li .spanLine i {
  position: absolute;
  width: 0.14rem;
  height: 0.14rem;
  background: #acacac;
  color: white;
  text-align: center;
  line-height: 0.5rem;
  border-radius: 100%;
  top: 0.18rem;
  left: 0.19rem;
}
.wrapLogistics ul li .spanLine .nowProcessI {
  background: #5670fe;
}
.wrapLogistics ul li .spanLine .nowProcessPtime {
  background: #5670fe;
}
.wrapLogistics ul li .spanLine .receive {
  width: 0.48rem;
  height: 0.48rem;
  background: #e2e2e2;
  color: white;
  text-align: center;
  line-height: 0.5rem;
  font-style: normal;
  font-size: 0.32rem;
  left: 0.01rem;
  top: 0;
}
.wrapLogistics ul li .spanLine .firstSmall {
  top: 0.48rem;
  height: 2.14rem;
}
.wrapLogistics ul li .spanLine small {
  position: absolute;
  left: 0.25rem;
  width: 1px;
  background: #e2e2e2;
  height: 2.3rem;
  top: 0.32rem;
}
.wrapLogistics ul li .pContent {
  float: left;
  width: 72%;
  height: 2.4rem;
  margin-left: 0.8rem;
  font-size: 0.42rem;
}



